<div ng-controller="countersign" style="height: auto;background-color: #fff;width: 100%;">
    <style type="text/css">
        *{margin:auto;padding:0}
    </style>
    <script type="text/javascript">

    </script>

    <f-title style="background-color:#0197D6 ">
        <f-back ng-click="az2()">〈</f-back>
        {{signTypeName}}签字
    </f-title>

    <f-card style="display: flex;padding: 20px;" class="choose">
        <div style="display: flex;align-items: center;font-size: 16px;" ng-click="choose(1);">
            <input type="radio" ng-value="1" ng-model="c" name="type" style="width: 30px;"  id="r1"/>
            <lable for="r1">现在签字</lable>
        </div>
        <div style="display: flex;justify-content:  flex-end;;align-items: center;font-size: 16px;" ng-click="choose(2);">
            <input type="radio" ng-value="2" ng-model="c" name="type" style="width: 30px;" id="r2"/>
            <lable for="r2">拍照签字</lable>
        </div>
    </f-card>

    <div class="now" style="margin: 20px;border: 1px solid #B0B0B0;">
        <f-upload style="color: black;overflow: hidden;" id="sign">
            <div id="signature" style="overflow: hidden;"></div>
        </f-upload>
    </div>

    <div class="shot" style="text-align: center;color: #B0B0B0;display: none;" ng-click="takePhoto();">
        <img src="img/photo.png" style="width: 52px;height: 52px;margin: 0 auto;">
        <div>拍照</div>
    </div>
    <div class="shot" style="display: flex;flex-wrap: wrap;padding-left:15px;">
        <span ng-repeat="item in imageUrls track by $index" style="position: relative;display: flex;justify-content: center;align-items: center;height: 15rem;border: 1px solid #ccc;border-radius: 5px;margin: 5px;">
            <span style="position: absolute;text-align: right;top:0;right: 0px;padding: 0 6px;border: 1px solid #0197d6;width: 39px;height: 17px;border-radius: 0 0 0 20px;text-align: center;background: #0197d6;color: #ffffff;font-size: 10px;padding-left: 11px;" ng-click="removeImg($index);">X</span>
            <img style="height:15rem;padding: 2px;"  ng-src="{{item}}"/>
        </span>
    </div>


    <f-card style="background-color: white;position: fixed;bottom: 10px;left: 0;right: 0;margin: 0 auto;">
        <f-buttongroup style="width: 100%;background-color: white;" >
            <f-button ng-click="submit()" style="margin-left: 20%;width: 55%;height: 40px;font-size: 16px;border-radius: 20px;">提交</f-button>
        </f-buttongroup>
    </f-card>
</div>